@use "../../assets/scss/mixins/unreadMessage" as mx;

html {
  box-sizing: border-box;
  font-size: 16px;
}
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  &::before,
  &::after {
    box-sizing: border-box;
  }
}

body {
  width: 100%;
  height: 100vh;
  background-color: #ccc;
  font-size: 14px;
  line-height: 1.5;
  color: #333;
  font-family: Arial, Helvetica, sans-serif;
}
.wrapper {
  padding: 10px;
  @include mx.unreadMessage;
  // @include mx.lock;
  // @include mx.pointer;
  // @include mx.diamond;
  // @include mx.infinity;
  // #moon {
  //   @include mx.moon;
  // }
  // #egg {
  //   @include mx.egg;
  // }
}
